@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-family: Microsoft YaHei;
  line-height: 100%;
}
a {
  text-decoration: none;
  color: #333;
}
a:link {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #333;
}
a:active {
  text-decoration: none;
}
ul li {
  list-style-type: none;
}
img {
  width: 100%;
}
body {
  min-width: 1200px;
  overflow-x: auto;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.fn {
  float: none;
}
.noLi {
  list-style-type: none;
}
.f0 {
  font-size: 0;
}
.clearfix {
  clear: both;
}
.container {
  width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}
.container.ct1920 {
  width: 1920px;
}
.container.ct_30 {
  width: 1230px;
}
.wauto {
  width: auto !important;
}
.inblock {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.header .top {
  background: #eee;
  line-height: 35px;
  height: 35px;
}
.header .top > .container > span {
  font-size: 13px;
  line-height: 35px;
  color: #666;
}
.header .top > .container > .r {
  font-size: 0;
  float: right;
}
.header .top > .container > .r > .phone {
  background: url(../images/phone.png) no-repeat left center;
  padding-left: 34px;
  font-size: 16px;
  color: #fff;
  line-height: 23px;
  display: inline-block;
  width: 185px;
  vertical-align: middle;
  border-right: 1px solid #999999;
}
.header .top > .container > .r > .bdsharebuttonbox.bdshare-button-style0-32 {
  margin-left: 30px;
}
.header .top > .container > .r > .bdsharebuttonbox.bdshare-button-style0-32 > a {
  margin-left: 20px;
  margin-right: 0;
}
.header .middle {
  background: #fff;
  height: 130px;
}
.header .middle > .container {
  overflow: hidden;
  position: relative;
  padding-top: 18px;
  padding-bottom: 17px;
}
.header .middle > .container > ul {
  float: right;
}
.header .middle > .container > ul > li {
  float: left;
}
.header .middle > .container > ul > li > a {
  line-height: 127px;
  display: block;
  padding: 0 35px;
  font-size: 16px;
  color: #333;
  border-top: 0px solid transparent;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.header .middle > .container > ul > li.active > a {
  color: #e62129;
  border-top: 3px solid #e62129;
}
.header .middle > .container > ul > li:hover > a {
  color: #e62129;
  border-top: 3px solid #e62129;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.header .middle > .container > a {
  float: left;
}
.header .middle > .container > .phone {
  float: left;
  margin-top: 16px;
  margin-left: 20px;
  background: url(../images/index_06.jpg) no-repeat left center;
  padding-left: 54px;
  height: 47px;
}
.header .middle > .container > .phone > h1 {
  font-size: 15px;
  color: #6c6a6a;
  font-weight: normal;
  margin-bottom: 5px;
}
.header .middle > .container > .phone > span {
  font-size: 24px;
  color: #c1271b;
  font-weight: bold;
}
.header .nav {
  background: #25ac07;
  height: 40px;
  line-height: 40px;
}
.header .nav ul > li {
  float: left;
  width: 130px;
  text-align: center;
  line-height: 40px;
}
.header .nav ul > li > a {
  font-size: 15px;
  color: #fff;
}
.header .nav ul > li.active {
  background: #c1271b;
}
.header .nav ul > li:hover {
  background: #c1271b;
}
.bdsharebuttonbox.bdshare-button-style0-32 {
  display: inline-block;
  width: 210px;
  vertical-align: middle;
  text-align: right;
}
.bdsharebuttonbox.bdshare-button-style0-32 > a {
  background-position: 0 0;
  margin-top: 3px;
  margin-right: 20px;
  margin-left: 0;
  margin-bottom: 0;
}
.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_sqq {
  background-image: url(../images/qq.png);
}
.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_weixin {
  background-image: url(../images/qrone.png);
}
.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_tsina {
  background-image: url(../images/sina.png);
}
.bdsharebuttonbox.bdshare-button-style0-32 > a.bds_tqq {
  background-image: url(../images/tx.png);
}
.search {
  padding-top: 25px;
  float: right;
}
.search form {
  position: relative;
}
.search form .search-wrapper {
  position: relative;
}
.search form .search-wrapper.active .input-holder {
  border-radius: 50px;
  border: 1px solid #d9d9d9;
  width: 220px;
  -webkit-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);
  -o-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);
  transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);
}
.search form .search-wrapper.active .input-holder .search-input {
  opacity: 1;
  font-size: 14px;
  color: #333;
  background-color: #ededed;
}
.search form .search-wrapper.active .input-holder .search-icon {
  width: 32px;
  height: 32px;
  border-radius: 30px;
  background: #ededed;
}
.search form .search-wrapper.active .input-holder .search-icon span {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
.search form .search-wrapper.active .input-holder .search-icon span::before {
  background: #333;
}
.search form .search-wrapper.active .input-holder .search-icon span::after {
  border-color: #333;
}
.search form .search-wrapper.active .close {
  right: -22px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -webkit-transition: all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57);
  -o-transition: all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57);
  transition: all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57);
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
     transition-delay: 0.5s;
}
.search form .search-wrapper.active .close::before {
  position: absolute;
  content: '';
  background: #333;
  border-radius: 2px;
  width: 3px;
  height: 15px;
  left: 6px;
  top: 4px;
}
.search form .search-wrapper.active .close::after {
  position: absolute;
  content: '';
  background: #333;
  border-radius: 2px;
  width: 15px;
  height: 3px;
  left: 0px;
  top: 10px;
}
.search form .search-wrapper .input-holder {
  overflow: hidden;
  height: 32px;
  background: rgba(255, 255, 255, 0);
  border-radius: 6px;
  position: relative;
  width: 70px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.search form .search-wrapper .input-holder .search-input {
  width: 100%;
  height: 32px;
  padding: 0px 70px 0 20px;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  outline: none;
  font-family: "Open Sans", Arial, Verdana;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #FFF;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
  -o-transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
  transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
  background: #fff;
}
.search form .search-wrapper .input-holder .search-icon {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: #25ac07;
  padding: 0px;
  outline: none;
  position: relative;
  z-index: 2;
  float: right;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.search form .search-wrapper .input-holder .search-icon span {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65);
  -o-transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65);
  transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65);
}
.search form .search-wrapper .input-holder .search-icon span::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 5px;
  left: 11px;
  top: 16px;
  border-radius: 2px;
  background: #fff;
}
.search form .search-wrapper .input-holder .search-icon span::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  left: 5px;
  top: 4px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.search form .search-wrapper .close {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 0;
  width: 25px;
  height: 25px;
  cursor: pointer;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
  -webkit-transition: all 0.3s cubic-bezier(0.285, -0.45, 0.935, 0.11);
  -o-transition: all 0.3s cubic-bezier(0.285, -0.45, 0.935, 0.11);
  transition: all 0.3s cubic-bezier(0.285, -0.45, 0.935, 0.11);
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
     transition-delay: 0.2s;
}
.search form .search-wrapper .result-container {
  width: 100%;
  position: absolute;
  top: 40px;
  left: 0px;
  text-align: center;
  font-family: "Open Sans", Arial, Verdana;
  font-size: 12px;
  display: none;
  color: #B7B7B7;
}
.my-map#container {
  width: 100%;
  max-width: 1050px;
  height: 380px;
  margin: 0 auto;
  position: static;
}
.my-map#container img {
  width: auto !important;
}
.my-map#container .icon {
  background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}
.my-map#container .icon-cir {
  height: 31px;
  width: 28px;
}
.my-map#container .icon-cir-red {
  background-position: -11px -5px;
}
.amap-container {
  height: 100%;
}
.banner {
  width: 100%;
  font-size: 0;
  text-align: center;
}
.path {
  border-bottom: 1px solid #fff;
  height: 30px;
  background: #fafafa;
  margin-bottom: 30px;
}
.path > .container > span {
  font-size: 13px;
  vertical-align: middle;
  color: #666;
}
.path > .container > span > a {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 30px;
}
.path > .container > span > a > img {
  margin-top: 9px;
}
.path > .container > span:first-child {
  margin-right: 10px;
}
.tabLayer {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 858px;
  height: 545px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  z-index: 999;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.6);
}
.tabLayer > .h {
  position: relative;
  height: 55px;
  background-color: #25ac07;
  padding: 0 22px;
}
.tabLayer > .h > h1 {
  height: 55px;
  line-height: 55px;
  font-size: 22px;
  color: #fff;
}
.tabLayer > .h > .close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 22px;
  width: 29px;
  height: 29px;
  background: url(../images/close.jpg) no-repeat;
  font-size: 0;
  cursor: pointer;
}
.tabLayer > .b {
  overflow: hidden;
  padding: 40px 40px 28px;
}
.tabLayer > .b > .pic {
  width: 350px;
  border: 1px solid #eee;
  float: left;
}
.tabLayer > .b > .txt {
  width: 400px;
  margin-left: 20px;
  float: left;
}
.tabLayer > .b > .txt > p {
  font-size: 13px;
  color: #666;
  line-height: 26px;
  margin-bottom: 30px;
  text-indent: 26px;
}
.tabLayer > a {
  display: block;
  width: 260px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  background-color: #25ac07;
  border-radius: 5px;
  margin: 0 auto;
}
.overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99;
}
.p_line {
  width: 217px;
  height: 2px;
  background: #999 url(../images/index_47.jpg) no-repeat right center;
}
.contents.index .h {
  text-align: center;
  font-size: 40px;
  color: #000;
  border-bottom: 1px solid #eee;
  margin-top: 50px;
  margin-bottom: 23px;
}
.contents.index .h:after {
  content: '';
  width: 100px;
  height: 2px;
  display: block;
  margin: 15px auto -1px auto;
  background: #25ac07;
}
.contents.index .jj {
  text-align: center;
  color: #666;
  font-size: 13px;
  margin: 0 auto;
  line-height: 170%;
}
.contents.index .c1 .b {
  margin-top: 25px;
}
.contents.index .c1 .b > ul {
  overflow: hidden;
}
.contents.index .c1 .b > ul > li {
  width: 380px;
  height: 480px;
  margin-right: 15px;
  margin-bottom: 34px;
  background: #fafafa;
  float: left;
}
.contents.index .c1 .b > ul > li > .logo {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  width: 100px;
  height: 100px;
  background-color: #25ac07;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 12px auto 0 auto;
  border-radius: 50%;
}
.contents.index .c1 .b > ul > li > h1 {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  font-size: 20px;
  margin-top: 45px;
}
.contents.index .c1 .b > ul > li > p {
  height: 0;
  opacity: 0;
  font-size: 12px;
  color: #666;
  line-height: 150%;
  padding: 0 20px;
  text-align: center;
}
.contents.index .c1 .b > ul > li:after {
  content: '';
  display: block;
  width: 40px;
  height: 4px;
  background: #25ac07;
  margin: 30px auto 20px auto;
}
.contents.index .c1 .b > ul > li:hover > .logo {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  width: 80px;
  height: 80px;
}
.contents.index .c1 .b > ul > li:hover > h1 {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  color: #25ac07;
  margin-top: 5px;
}
.contents.index .c1 .b > ul > li:hover > p {
  height: auto;
  opacity: 1;
  margin-top: 16px;
  height: 54px;
  overflow: hidden;
}
.contents.index .c1 .b > ul > li:hover:after {
  margin-top: 20px;
}
.contents.index .c1 .b > ul > li:nth-child(1) > .logo {
  background-image: url(../images/water.png);
}
.contents.index .c1 .b > ul > li:nth-child(2) > .logo {
  background-image: url(../images/area.png);
}
.contents.index .c1 .b > ul > li:nth-child(3) > .logo {
  background-image: url(../images/car.png);
}
.contents.index .c1 .b > ul > li:last-child {
  margin-right: 0;
}
.contents.index .c2 {
  background: url(../images/index_18.jpg) no-repeat center top;
  height: 336px;
}
.contents.index .c2 > .container {
  overflow: hidden;
}
.contents.index .c2 > .container > .pic {
  padding: 15px 15px 15px 0;
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.contents.index .c2 > .container > .txt {
  width: 50%;
  float: left;
}
.contents.index .c2 > .container > .txt > h1 {
  width: 210px;
  height: 40px;
  background: #65c450;
  text-align: center;
  font-weight: normal;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-left: -5px;
  margin-top: 15px;
  margin-bottom: 35px;
}
.contents.index .c2 > .container > .txt > h1 > span {
  line-height: 40px;
  font-size: 18px;
  color: #fff;
}
.contents.index .c2 > .container > .txt > h1 > sub {
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  vertical-align: baseline;
}
.contents.index .c2 > .container > .txt > p {
  font-size: 13px;
  line-height: 28px;
  color: #666;
  margin-left: 15px;
  margin-bottom: 10px;
  text-indent: 26px;
}
.contents.index .c2 > .container > .txt:after {
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background: #25ac07;
  margin-left: 15px;
}
.contents.index .c3 {
  margin-top: 40px;
  margin-bottom: 90px;
}
.contents.index .c3 > .container > ul {
  overflow: hidden;
  margin-bottom: 25px;
}
.contents.index .c3 > .container > ul > li {
  width: 90px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  background: #25ac07;
  margin-right: 18px;
  float: left;
  border-radius: 8px;
}
.contents.index .c3 > .container > ul > li:last-child {
  margin-right: 0;
}
.contents.index .c3 > .container > ul > li > a {
  color: #fff;
}
.contents.index .c3 > .container > .slide {
  margin-top: 30px;
  padding-top: 60px;
  background: url(../images/index_44.jpg) no-repeat top left 50%;
}
.contents.index .c3 > .container > .slide .swiper-slide > a {
  display: block;
}
.contents.index .c3 > .container > .slide .swiper-slide > a > p {
  height: 46px;
  line-height: 46px;
  border: 2px solid #414141;
  color: #000;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.contents.index .c3 > .container > .slide .swiper-slide > a:hover > p {
  background: #25ac07;
  border: 0;
  color: #fff;
}
.contents.index .c3 > .container > .slide .swiper-pagination {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 20px;
}
.contents.index .c3 > .container > .slide .swiper-pagination .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  vertical-align: middle;
  margin: 0 5px;
}
.contents.index .c3 > .container > .slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  background: #72caa2;
}
.contents.index .c4 {
  height: 312px;
  background: url(../images/index_35.jpg) no-repeat top center;
}
.contents.index .c5 {
  margin-bottom: 50px;
}
.contents.index .c5 > .container > .pic {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 0;
}
.contents.index .c5 > .container > .pic > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px;
}
.contents.index .c5 > .container > h1 {
  font-size: 22px;
  color: #25ac07;
  text-align: center;
  font-weight: normal;
  margin-bottom: 20px;
}
.contents.index .c5 > .container > .news {
  overflow: hidden;
  margin-top: 40px;
}
.contents.index .c5 > .container > .news > li {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-position: top 48px center;
  border: 1px solid #eee;
  width: 370px;
  height: 420px;
  margin-right: 30px;
}
.contents.index .c5 > .container > .news > li > ul {
  margin: 155px 18px 0 18px;
}
.contents.index .c5 > .container > .news > li > ul > li {
  position: relative;
  border-bottom: 1px dashed #e9e9e9;
  padding-left: 30px;
}
.contents.index .c5 > .container > .news > li > ul > li > a {
  font-size: 16px;
  line-height: 43px;
  height: 43px;
  display: inline-block;
  width: 100%;
}
.contents.index .c5 > .container > .news > li > ul > li > p {
  font-size: 12px;
  color: #929292;
  line-height: 170%;
  margin-bottom: 12px;
}
.contents.index .c5 > .container > .news > li > ul > li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 20px;
  width: 6px;
  height: 6px;
  background: #626262;
  border-radius: 50%;
}
.contents.index .c5 > .container > .news > li:nth-child(1) {
  background-image: url(../images/news01_02.png);
}
.contents.index .c5 > .container > .news > li:nth-child(2) {
  background-image: url(../images/news02_02.png);
}
.contents.index .c5 > .container > .news > li:nth-child(3) {
  background-image: url(../images/news03_02.png);
  margin-right: 0;
}
.contents.index .c5 > .container > .news > li:hover {
  background-color: #25ac07;
}
.contents.index .c5 > .container > .news > li:hover > ul > li:before {
  background-color: #fff;
}
.contents.index .c5 > .container > .news > li:hover > ul > li > a {
  color: #fff;
}
.contents.index .c5 > .container > .news > li:hover > ul > li > p {
  color: #fff;
}
.contents.index .c5 > .container > .news > li:hover:nth-child(1) {
  background-image: url(../images/news01.png);
}
.contents.index .c5 > .container > .news > li:hover:nth-child(2) {
  background-image: url(../images/news02.png);
}
.contents.index .c5 > .container > .news > li:hover:nth-child(3) {
  background-image: url(../images/news03.png);
  margin-right: 0;
}
.contents.index .c6 > .container {
  overflow: hidden;
}
.contents.index .c6 > .container > div {
  width: 560px;
  margin-right: 50px;
  float: left;
}
.contents.index .c6 > .container > div > .h {
  position: relative;
  text-align: left;
}
.contents.index .c6 > .container > div > .h > h1 {
  font-size: 28px;
  font-weight: normal;
}
.contents.index .c6 > .container > div > .h > a {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 12px;
  color: #99a29b;
}
.contents.index .c6 > .container > div > .h:after {
  margin-left: 0;
}
.contents.index .c6 > .container > div > ul > li {
  float: left;
  margin-bottom: 15px;
}
.contents.index .c6 > .container > div > ul > li:nth-child(3n) {
  margin-right: 0 !important;
}
.contents.index .c6 > .container > div:last-child {
  margin-right: 0;
}
.contents.index .c6 > .container > div.honor > ul > li {
  width: 175px;
  margin-right: 15px;
}
.contents.index .c6 > .container > div.case > ul > li {
  border: 1px solid #eee;
  width: 167px;
  margin-right: 25px;
  margin-bottom: 25px;
}
.contents.about > .container {
  overflow: hidden;
}
.contents.about > .container > aside {
  margin-right: 30px;
  float: left;
}
.contents.about > .container > aside > ul > li {
  width: 154px;
  height: 61px;
  line-height: 61px;
  background-color: #25ac07;
  text-align: center;
  border-bottom: 1px solid #1a8f00;
}
.contents.about > .container > aside > ul > li > a {
  position: relative;
  padding-right: 30px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  color: #fff;
}
.contents.about > .container > aside > ul > li > a:after {
  content: '>';
  font-size: 16px;
  position: absolute;
  color: #25ac07;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contents.about > .container > aside > ul > li.active {
  background-color: #c1271b;
}
.contents.about > .container > aside > ul > li.active > a:after {
  color: #fff;
}
.contents.about > .container > aside > ul > li:hover {
  background-color: #c1271b;
}
.contents.about > .container > aside > ul > li:hover > a:after {
  color: #fff;
}
.contents.about > .container > aside > ul > li:nth-child(1) > a {
  background-image: url(../images/company.png);
}
.contents.about > .container > aside > ul > li:nth-child(2) > a {
  background-image: url(../images/honor.png);
}
.contents.about > .container > aside > ul > li:nth-child(3) > a {
  background-image: url(../images/photo.png);
}
.contents.about > .container > aside > ul > li:nth-child(4) > a {
  background-image: url(../images/yt.png);
}
.contents.about > .container > aside > ul > li:nth-child(5) > a {
  background-image: url(../images/fq.png);
}
.contents.about > .container > aside > ul > li:nth-child(6) > a {
  background-image: url(../images/kd.png);
}
.contents.about > .container > section {
  float: left;
  width: 985px;
}
.contents.about > .container > .about_01 {
  padding-bottom: 80px;
}
.contents.about > .container > .about_01 > ul {
  overflow: hidden;
  margin-bottom: 50px;
}
.contents.about > .container > .about_01 > ul > li {
  width: 235px;
  height: 165px;
  float: left;
  margin-right: 14px;
}
.contents.about > .container > .about_01 > ul > li:last-child {
  margin-right: 0;
}
.contents.about > .container > .about_01 p {
  font-size: 14px;
  color: #333;
  line-height: 26px;
  margin-bottom: 30px;
}
.contents.about > .container > .about_01 > .p1 p {
  text-indent: 28px;
}
.contents.about > .container > .about_02 {
  padding-bottom: 60px;
}
.contents.about > .container > .about_02 > ul {
  overflow: hidden;
}
.contents.about > .container > .about_02 > ul > li {
  width: 285px;
  float: left;
  margin-bottom: 24px;
  margin-right: 65px;
}
.contents.about > .container > .about_02 > ul > li:nth-child(3n) {
  margin-right: 0;
}
.contents.about > .container > .about_02 > ul > li > a {
  display: block;
  padding: 5px 12px 3px 12px;
  border: 1px solid #f4f4f4;
}
.contents.about > .container > .about_02 > ul > li > p {
  line-height: 35px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.contents.about > .container > .abouts {
  background: #f7f7f7;
  padding: 58px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 80px;
}
.contents.about > .container > .abouts .txt h1 {
  font-size: 20px;
  color: #25ac07;
  margin-top: 35px;
  margin-bottom: 30px;
}
.contents.about > .container > .abouts .txt h1:after {
  content: '';
  display: block;
  width: 40px;
  height: 4px;
  background: #25ac07;
  margin-top: 12px;
}
.contents.about > .container > .abouts .txt p {
  font-size: 14px;
  line-height: 26px;
}
.contents.product > .container {
  overflow: hidden;
}
.contents.product > .container > aside {
  margin-right: 30px;
  float: left;
}
.contents.product > .container > aside > ul > li {
  width: 154px;
  height: 61px;
  line-height: 61px;
  background-color: #25ac07;
  text-align: center;
  border-bottom: 1px solid #1a8f00;
}
.contents.product > .container > aside > ul > li > a {
  position: relative;
  padding-left: 15px;
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: left center;
  color: #fff;
}
.contents.product > .container > aside > ul > li > a:before {
  content: '◆';
  font-size: 16px;
  position: absolute;
  color: #fff;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contents.product > .container > aside > ul > li > a:after {
  content: '>';
  font-size: 16px;
  position: absolute;
  color: #25ac07;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contents.product > .container > aside > ul > li.active {
  background-color: #c1271b;
}
.contents.product > .container > aside > ul > li.active > a:after {
  color: #fff;
}
.contents.product > .container > aside > ul > li:hover {
  background-color: #c1271b;
}
.contents.product > .container > aside > ul > li:hover > a:after {
  color: #fff;
}
.contents.product > .container > section {
  float: left;
  width: 985px;
  padding-bottom: 60px;
}
.contents.product > .container > section > ul {
  overflow: hidden;
}
.contents.product > .container > section > ul > li {
  width: 285px;
  float: left;
  margin-bottom: 24px;
  margin-right: 65px;
}
.contents.product > .container > section > ul > li b img{
	width:auto;

}
.contents.product > .container > section > ul > li:nth-child(3n) {
  margin-right: 0;
}
.contents.product > .container > section > ul > li > a {
  display: block;
  padding: 5px 12px 3px 12px;
  border: 1px solid #f4f4f4;
}
.contents.product > .container > section > ul > li > a > div {
  display: none;
}
.contents.product > .container > section > ul > li > p {
  line-height: 35px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.contents.stcb .container {
  padding-bottom: 120px;
}
.contents.stcb .c1 {
  margin-bottom: 50px;
}
.contents.stcb .c1 > p {
  text-indent: 26px;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 30px;
  color: #666;
}
.contents.news > .container {
  overflow: hidden;
}
.contents.news > .container > aside {
  margin-right: 30px;
  float: left;
}
.contents.news > .container > aside > ul > li {
  width: 154px;
  height: 61px;
  line-height: 61px;
  background-color: #25ac07;
  text-align: center;
  border-bottom: 1px solid #1a8f00;
}
.contents.news > .container > aside > ul > li > a {
  position: relative;
  padding-right: 30px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  color: #fff;
}
.contents.news > .container > aside > ul > li > a:after {
  content: '>';
  font-size: 16px;
  position: absolute;
  color: #25ac07;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contents.news > .container > aside > ul > li.active {
  background-color: #c1271b;
}
.contents.news > .container > aside > ul > li.active > a:after {
  color: #fff;
}
.contents.news > .container > aside > ul > li:hover {
  background-color: #c1271b;
}
.contents.news > .container > aside > ul > li:hover > a:after {
  color: #fff;
}
.contents.news > .container > aside > ul > li:nth-child(1) > a {
  background-image: url(../images/news.png);
}
.contents.news > .container > aside > ul > li:nth-child(2) > a {
  background-image: url(../images/food01.png);
}
.contents.news > .container > aside > ul > li:nth-child(3) > a {
  background-image: url(../images/food02.png);
}
.contents.news > .container > section {
  float: left;
  width: 985px;
  padding-bottom: 60px;
}
.contents.news > .container > section > ul > li {
  height: 108px;
  background-color: #f7f7f7;
  padding: 25px 15px 0 15px;
  margin-bottom: 20px;
}
.contents.news > .container > section > ul > li > h1 {
  position: relative;
  margin-bottom: 20px;
}
.contents.news > .container > section > ul > li > h1 > a {
  display: block;
  color: #333;
  font-size: 18px;
  font-weight: bold;
}
.contents.news > .container > section > ul > li > h1 > .date {
  position: absolute;
  right: 0;
  top: 0;
  color: #adadad;
  font-size: 12px;
  font-weight: normal;
}
.contents.news > .container > section > ul > li > p {
  color: #666;
  font-size: 13px;
  line-height: 28px;
}
.contents.news > .container > section > ul > li > p > a {
  color: #25ac07;
}
.contents.news > .container > section > ul > li:hover {
  background-color: #25ac07;
}
.contents.news > .container > section > ul > li:hover > h1 > a {
  color: #fff;
}
.contents.news > .container > section > ul > li:hover > h1 > .date {
  color: #cdffc2;
}
.contents.news > .container > section > ul > li:hover > p {
  color: #cdffc2;
}
.contents.news > .container > section > ul > li:hover > p > a {
  color: #cdffc2;
}
.contents.new > .container {
  overflow: hidden;
}
.contents.new > .container > aside {
  margin-right: 30px;
  float: left;
}
.contents.new > .container > aside > ul > li {
  width: 154px;
  height: 61px;
  line-height: 61px;
  background-color: #25ac07;
  text-align: center;
  border-bottom: 1px solid #1a8f00;
}
.contents.new > .container > aside > ul > li > a {
  position: relative;
  padding-right: 30px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  color: #fff;
}
.contents.new > .container > aside > ul > li > a:after {
  content: '>';
  font-size: 16px;
  position: absolute;
  color: #25ac07;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contents.new > .container > aside > ul > li.active {
  background-color: #c1271b;
}
.contents.new > .container > aside > ul > li.active > a:after {
  color: #fff;
}
.contents.new > .container > aside > ul > li:hover {
  background-color: #c1271b;
}
.contents.new > .container > aside > ul > li:hover > a:after {
  color: #fff;
}
.contents.new > .container > aside > ul > li:nth-child(1) > a {
  background-image: url(../images/news.png);
}
.contents.new > .container > aside > ul > li:nth-child(2) > a {
  background-image: url(../images/food01.png);
}
.contents.new > .container > aside > ul > li:nth-child(3) > a {
  background-image: url(../images/food02.png);
}
.contents.new > .container > section {
  float: left;
  width: 985px;
  padding-bottom: 60px;
}
.contents.new > .container > section .h{
  text-align: center;
  margin-bottom: 60px;
}
.contents.new > .container > section .h h1{
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
}
.contents.new > .container > section .h .date{
  font-size: 12px;
  color: #adadad;
}
.contents.new > .container > section .b{
  text-align: center;
}
.contents.new > .container > section .b p{
  font-size: 13px;
  color: #666;
  line-height: 28px;
  text-align: left;
}
.contents.new > .container > section .b img{
  width: auto;
  max-width: 100%;
}
.contents.case > .container {
  padding-bottom: 60px;
}
.contents.case > .container > ul {
  overflow: hidden;
  padding: 10px;
}
.contents.case > .container > ul > li {
  float: left;
  width: 201px;
  height: 207px;
  margin-right: 36px;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.contents.case > .container > ul > li > a {
  display: block;
  border: 1px solid #eee;
  overflow: hidden;
}
.contents.case > .container > ul > li > a img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.contents.case > .container > ul > li > a:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.contents.case > .container > ul > li > p {
  font-size: 14px;
  line-height: 250%;
  text-align: center;
}
.contents.case > .container > ul > li:nth-child(5n) {
  margin-right: 0;
}
.contents.case > .container > ul > li:hover {
  -webkit-transform: translate(-5px, -5px);
      -ms-transform: translate(-5px, -5px);
          transform: translate(-5px, -5px);
  -webkit-box-shadow: 2px 3px 5px 2px #eee;
          box-shadow: 2px 3px 5px 2px #eee;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.contents.case > .container > ul > li:hover > a {
  border: 0;
}
.contents.case_show {
  margin-bottom: 80px;
}
.contents.case_show .title {
  padding: 18px 30px;
  position: relative;
  border: 1px dashed #999;
}
.contents.case_show .title > .box {
  height: 50px;
  border-left: 5px solid #25ac07;
}
.contents.case_show .title > .box > .info1 > h1 {
  font-size: 24px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
  margin-left: 20px;
  font-weight: normal;
}
.contents.case_show .title > .box > .info2 > span {
  color: #333;
  font-size: 14px;
  line-height: 18px;
  margin-left: 20px;
}
.contents.case_show .cnt {
  margin: 60px 0;
}
.contents.case_show .cnt p {
  font-size: 14px;
  line-height: 170%;
  margin-bottom: 5px;
  text-indent: 24px;
}
.contents.case_show .cnt > img {
  width: auto;
}
.contents.contact > .container {
  padding-top: 3%;
  padding-bottom: 3%;
}
.contents.contact > .container .c1 {
  width: 100%;
  max-width: 1050px;
  margin: 3.4% auto 0;
  font-size: 0;
}
.contents.contact > .container .c1 > form {
  width: 490px;
  display: inline-block;
  vertical-align: middle;
}
.contents.contact > .container .c1 > form > label {
  width: 100%;
  margin-bottom: 20px;
  display: block;
}
.contents.contact > .container .c1 > form > label > input {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 45px;
  line-height: 45px;
  border: 1px solid #eee;
  padding: 10px;
  font-size: 14px;
}
.contents.contact > .container .c1 > form > label > textarea {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 120px;
  line-height: 25px;
  border: 1px solid #eee;
  padding: 10px;
  resize: none;
  font-size: 14px;
}
.contents.contact > .container .c1 > form > button {
  width: 100%;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 18px;
  font-family: Arial;
  text-align: center;
  background: #25ac07;
  border: 0;
}
.contents.contact > .container .c1 > .txt {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 130px;
}
.contents.contact > .container .c1 > .txt > h1 {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5%;
}
.contents.contact > .container .c1 > .txt > p {
  font-family: Arial;
  font-size: 14px;
  color: #000033;
  line-height: 200%;
  margin-bottom: 0;
}
.tb > li {
  cursor: pointer;
}
.tb > li.active {
  background-color: #c1271b !important;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.tb > li:hover {
  background-color: #c1271b !important;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.tb_li > .list {
  display: none;
}
.tb_li > .list:first-child {
  display: block;
}
.page_box {
  overflow: auto;
}
.page_box .page {
  text-align: center;
  font-size: 0;
  min-width: 350px;
}
.page_box .page > span {
  width: 30px;
  height: 21px;
  display: inline-block;
  line-height: 21px;
  font-size: 16px;
  margin-right: 10px;
  border: 1px solid #dfdfdf;
  color: #fff;
  background-color: #25ac07;
}
.page_box .page > a {
  width: 30px;
  height: 21px;
  display: inline-block;
  line-height: 21px;
  font-size: 16px;
  border: 1px solid #dfdfdf;
  margin-right: 10px;
  color: #333;
  background-color: #fff;
}
.page_box .page > a:first-child {
  width: auto;
  height: 21px;
  padding: 0 1%;
  margin-right: 20px;
  background: #fff url(../images/page_left.png) no-repeat center center;
}
.page_box .page > a:first-child:hover {
  background: #25ac07 url(../images/page_left_h.png) no-repeat center center;
}
.page_box .page > a:last-child {
  width: auto;
  height: 21px;
  padding: 0 1%;
  margin-left: 10px;
  background: #fff url(../images/page_right.png) no-repeat center center;
}
.page_box .page > a:last-child:hover {
  background: #333 url(../images/page_right_h.png) no-repeat center center;
}
.page_box .page > a:hover {
  background-color: #333;
  color: #fff;
}
.pn {
  border: 1px dashed #999;
  height: 80px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
}
.pn > div {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 22px 0;
}
.pn > div.p {
  padding-left: 30px;
  border-right: 1px dashed #999;
}
.pn > div.p > a {
  display: block;
  padding-left: 38px;
  background: url(../images/show_59.png) no-repeat left center;
}
.pn > div.p > a > span {
  display: block;
}
.pn > div.p > a > span:first-child {
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
}
.pn > div.p > a > span:last-child {
  font-size: 14px;
  color: #c1271b;
}
.pn > div.n {
  padding-right: 30px;
}
.pn > div.n > a {
  display: block;
  padding-right: 38px;
  background: url(../images/show_62.png) no-repeat right center;
}
.pn > div.n > a > span {
  display: block;
  text-align: right;
}
.pn > div.n > a > span:first-child {
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
}
.pn > div.n > a > span:last-child {
  font-size: 14px;
  color: #c1271b;
}
.pn > div:hover {
  background-color: #f5f6f8;
}
.footer {
  background: #12191b;
  height: 315px;
  border-bottom: 1px dashed #505354;
  margin-top: 20px;
}
.footer > .container {
  background: url(../images/logo.png) no-repeat left 105px top 75px, url(../images/th.png) no-repeat right 60px top 45px;
  height: 315px;
}
.footer > .container > .nav {
  width: 990px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #25ac07;
  margin: 0 auto;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}
.footer > .container > .nav > li {
  display: inline-block;
  vertical-align: middle;
}
.footer > .container > .nav > li:after {
  content: '';
  width: 3px;
  height: 3px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}
.footer > .container > .nav > li:last-child:after {
  display: none;
}
.footer > .container > .nav > li > a {
  color: #fff;
  font-size: 15px;
}
.footer > .container > address {
  font-style: normal;
  float: left;
}
.footer > .container > address > ul {
  margin-left: 290px;
  margin-top: 40px;
}
.footer > .container > address > ul > li {
  font-size: 15px;
  color: #dedede;
  line-height: 30px;
}
.footer > .container > .qrone {
  width: 119px;
  height: 119px;
  margin-right: 157px;
  float: right;
  margin-top: 58px;
}
.footer > .container > .qrone > p {
  color: #25ac07;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
.bq {
  background: #12191b;
  text-align: center;
  padding-top: 20px;
}
.bq > ul > li {
  display: inline-block;
  padding: 0 12px;
}
.bq > p {
  line-height: 52px;
  color: #5f6162;
  font-size: 12px;
}
.bq > p > a {
  color: #5f6162;
  font-size: 12px;
}
.banner_01 {
  min-width: 1200px;
}
.banner_01 .swiper-slide img {
  max-width: 100%;
  -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
      -ms-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
          transform: matrix(1.1, 0, 0, 1.1, 0, 0);
  -webkit-transition: all 0.4s ease 1.2s;
  -o-transition: all 0.4s ease 1.2s;
  transition: all 0.4s ease 1.2s;
}
.banner_01 .swiper-slide.swiper-slide-active img {
  position: relative;
  z-index: 2;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
      -ms-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition-delay: 0.4s !important;
       -o-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important;
  -webkit-transition: all 5.0s ease;
  -o-transition: all 5.0s ease;
  transition: all 5.0s ease;
}
.banner_01 > .swiper_01 {
  bottom: 47px;
}
.banner_01 > .swiper_01 > .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  border: 1px solid #25ac07;
  background-color: #fff;
}
.banner_01 > .swiper_01 > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #25ac07;
}
.swiper_02 {
  text-align: right;
  padding-right: 60px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.swiper_02 .swiper-pagination-bullet {
  opacity: 1;
  background: #aaa;
}
.swiper_02 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #25ac07;
}



@media (max-width:640px) {
body{width:640px;margin:auto;}
.noshow{ display: none;}
.header{position:relative;height:50px;background:#006fe2;}
.header .logo{display:block;width:130px;height:30px;padding:10px 0 0 10px;}
.header .logo img{display:block;width:100%;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#0067d2;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

  
}

@media (min-width:641px) {
	.nowap{ display: none;}
	
}